<template>
  <div class="login-logo">
    <div class="login-logo__title-wrapper">
      <div class="login-logo__title-logo">
        <img :src="paixinIco" />
      </div>
      <div class="login-logo__title-text">PAIXIN</div>
    </div>
    <div class="login-logo__desc">凭借旗下创意资源，助力企业品牌提升</div>
  </div>
</template>

<script setup lang="ts">
import paixinIco from '@/assets/paixin_icon.svg'
</script>

<style lang="scss" scoped>
@include b(login-logo) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  @include e(title-wrapper) {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @include e(title-logo) {
    width: 44px;
    margin-right: 16px;
  }
  @include e(title-text) {
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
    font-size: 33px;
    font-family: Avenir, helvetica neue, Arial, Helvetica, sans-serif;
  }
  @include e(desc) {
    margin-top: 12px;
    margin-bottom: 25px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
  }
}
</style>
